title="dashboard"
url="/account/dashboard.html"
layout = 'default-x'
[session]
security = "user"
redirect = "/account/login"
==
{% set historys = catalog.fetchProductViewHistories %}
{% set rewardPointsDetails=catalog.getRewardPointsDetails(user.id) %}
{% set userRewardLevel=rewardPointsDetails.rewardLevel %}
{% set userSumActiveRewardPoints=rewardPointsDetails.sumActiveRewardPoints %}

<!-- contents -->
<div id="contents">
	<nav class="crumbs_nav">
		<ul class="crumbs_list rdstr">
			<li class="crumbs_item">
				<a class="crumbs_link" href="/">
					<span>ホーム</span>
				</a>
			</li>
			<li class="crumbs_item no_deco">
				<span class="crumbs_link">マイページトップ</span>
			</li>
		</ul>
	</nav>

	<div class="dashboardCont">
		<div class="headBox"><h2 class="headPer">{{ user.name }}{{ user.surname }}  様のページ</h2></div>
	</div>
	
	<div class="clearfix ph10 pv5">
		<p style="font-size: 13px;line-height: 1.5;">
			<br>
			こんにちは！<b style="color:#000">{{ user.name }}{{ user.surname}}</b>様
			{% if userRewardLevel == 1 %}
            <img style="width:25px;height:25px;margin-top:-7px;" src="{{ 'assets/img'|theme }}/v1.png">
            <a href="{{ 'account/points'|page }}" style="text-decoration:underline;color:#81C7D4;padding:0 5px;"><b>{{  userSumActiveRewardPoints }}</b></a>
            {% elseif userRewardLevel == 2  %}
            <img style="width:25px;height:25px;margin-top:-7px;" src="{{ 'assets/img'|theme }}/v2.png">
            <a href="{{ 'account/points'|page }}" style="text-decoration:underline;color:#81C7D4;padding:0 5px;"><b>{{  userSumActiveRewardPoints }}</b></a>
            {% elseif userRewardLevel == 3  %}
            <img style="width:25px;height:25px;margin-top:-7px;" src="{{ 'assets/img'|theme }}/v3.png">
            <a href="{{ 'account/points'|page }}" style="text-decoration:underline;color:#81C7D4;padding:0 5px;"><b>{{  userSumActiveRewardPoints }}</b></a>
            {% elseif userRewardLevel == 4  %}
            <img style="width:25px;height:25px;margin-top:-7px;" src="{{ 'assets/img'|theme }}/v4.png">
            <a href="{{ 'account/points'|page }}" style="text-decoration:underline;color:#81C7D4;padding:0 5px;"><b>{{  userSumActiveRewardPoints }}</b></a>
            {% endif %}
            ポイント保有しています。
            <br>
            保有しているポイントはお買い物の際にご利用ください。
            <br><br>
            <span style="display:inline-block;background:#81C7D4;padding:5px;color:#fff;font-size:14px;margin-bottom:10px;">現在の会員レベル</span>
            <b style="color:#81C7D4;font-size:14px;padding:0 10px;">
                {% if userRewardLevel == 1 %}
                VIP1会員
                {% elseif userRewardLevel == 2  %}
                VIP2会員
                {% elseif userRewardLevel == 3  %}
                VIP3会員
                {% elseif userRewardLevel == 4  %}
                VIP4会員
                {% endif %}
            </b>
            <br>
            <b style="color:#FF9811;font-size:14px;">
                {% if userRewardLevel == 1 %}
                V2会員まであと{{ 2000 -  userSumActiveRewardPoints }}ポイント
                {% elseif userRewardLevel == 2  %}
                V3会員まであと{{ 5000 -  userSumActiveRewardPoints }}ポイント
                {% elseif userRewardLevel == 3  %}
                V4会員まであと{{ 10000 -  userSumActiveRewardPoints }}ポイント
                {% elseif userRewardLevel == 4  %}
                {% endif %}
            </b>
			<br><br>
			いつもHCLOSETをご利用いただき、誠にありがとうございます。
			<br><br>
			マイアカウントセンターではお客様のご利用情報、ご注文情報または登録情報の変更等の設定が一括管理できます。またHCLOSETは以下のことを約束します。
			<br><br>
			新規登録頂いたお客様にクーポンを進呈いたします。クーポンコードは登録されたメールアドレスに送りいたします。
			<br>
			イベント＆セールはいつもホームページに展示いたします。
			<br>
			金額を満たせれば送料無料はいつでも行います。
			<br>
			お客様の個人情報はHCLOSETだけ保管いたします、安心安全。
			<br>
			発送方法を選ぶことができます。
			<br>
			郵便局留め郵送可能
			<br><br>
		</p>
	</div>
	<nav class="mypage_menuNavi mb20">
		<div class="mypage_menuNavi_line combine">
			<a class="mypage_menuNavi_item" href="{{ 'account/pointer'|page }}">
				<div class="mypage_menuNavi_icon">
					<span class="sprite-mypage3 sprite-mypage3_shuppinItem" style="width:35px;height:35px;"></span>
				</div>
				<div class="mypage_menuNavi_text">マイポイント</div>
			</a>
			<a class="mypage_menuNavi_item" href="{{ 'account/orders'|page }}">
				<div class="mypage_menuNavi_icon">
					<span class="sprite-mypage3 sprite-mypage3_orderHistory"></span>
				</div>
				<div class="mypage_menuNavi_text">注文履歴</div>
				{% if op >0 %}
				<span class="dashboard_num">
					{{ op }}
				</span>
				{% endif %}
			</a>
			<a class="mypage_menuNavi_item" href="{{ 'account/wishlist'|page }}">
				<div class="mypage_menuNavi_icon">
					<span class="sprite-mypage3 sprite-mypage3_heart"></span>
				</div>
				<div class="mypage_menuNavi_text">お気に入り</div>
				<span class="dashboard_num">{{ count(wishlists) }}</span>
			</a>
		</div>
		<div class="mypage_menuNavi_line">
			<a class="mypage_menuNavi_item" href="{{ 'account/shipping-address'|page }}">
				<div class="mypage_menuNavi_icon">
					<span class="sprite-mypage3 sprite-mypage3_sainyuuka"></span>
				</div>
				<div class="mypage_menuNavi_text">配送先情報</div>
			</a>
			<a class="mypage_menuNavi_item" href="{{'account/profile'|page }}">
				<div class="mypage_menuNavi_icon">
					<span class="sprite-mypage3 sprite-mypage3_review"></span>
				</div>
				<div class="mypage_menuNavi_text">会員登録の変更</div>
			</a>
			<a class="mypage_menuNavi_item" href="javascript:;" data-request="onLogout" data-request-data="redirect: '/'">
				<div class="mypage_menuNavi_icon">
					<span class="sprite-mypage3 sprite-mypage3_member"></span>
				</div>
				<div class="mypage_menuNavi_text">ログアウト</div>
			</a>
		</div>
	</nav>
	<section>
		<h3 class="title_main">閲覧履歴</h3>
		<ul class="list_product_box clearfix product_h">
			{% for key, historyProduct in historys %}
        	{% if loop.index <= 6 %}
			<li class="list_product_item">
				<div class="box_list list_product_item_inner">
					<a class="list_product_link box_list_main" href="{{ historyProduct.url }}">
						<div class="list_product_frame">
							<div class="list_product_img_block" id="carthistory">
								<img class="productImgH" src="{{ historyProduct.getMainThumb(160,160) }}">
							</div>
							<div class="list_product_text_block mb5">
								<p class="list_product_brand rdstr">{{ historyProduct.name }}</p>
								<p class="list_product_category rdstr">
									{% if historyProduct.status=="instock" %}
	                                    在庫
	                                {% else %}
	                                    在庫あり 
	                                {% endif %}
								</p>
								<p class="list_product_price_block rdstr pricedownView list_product_box">
									<span class="list_product_price force_color">{{ historyProduct.price|displayPrice }}</span>
								</p>
							</div>
							<!-- <span class="arrow"></span> -->
						</div>
					</a>
				</div>
			</li>
			{% endif %}
			{% endfor %}
		</ul>
		<a class="coreMore" href="{{ 'account/history'|page }}">
			<div class="coreMore_textWrap">
				閲覧履歴一覧を見る
				<span class="coreMore_icon arrow"></span>
			</div>
		</a>
	</section>
	<nav>
		<h3 class="title_main">メルマガ購読</h3>
		<div class="p10">
	    	<p>クーポンや新入荷情報をいち早くGETする</p>
		    <form>
			    <input class="commonInput_inputText" type="email" required="" placeholder="メールアドレスを入力してください" name="email" value="" required>
			    <button type="submit" class="button_decide cartButton mt10" data-request="onSubscription" data-request-success="alert('Subscription success!')">
			        送信
				</button>
		    </form>
	    </div>
	</nav>
	<nav>
		<h3 class="title_main">お買い物ガイド</h3>
		<ul class="list_no_bottom feature_sub_list">
			<li class="simple_list_item">
				<a class="simple_list_link" href="{{ 'common/how-to-buy'|page }}">
					<div class="box_list">
						<div class="box_list_main simple_list_text twb rdstr">お買い物の流れ</div>
						<span class="arrow"></span>
					</div>
				</a>
			</li>
			<li class="simple_list_item">
				<a class="simple_list_link" href="{{ 'common/payment'|page }}">
					<div class="box_list">
						<div class="box_list_main simple_list_text twb rdstr">お支払い方法</div>
						<span class="arrow"></span>
					</div>
				</a>
			</li>
			<li class="simple_list_item">
				<a class="simple_list_link" href="{{ 'common/delivery'|page }}">
					<div class="box_list">
						<div class="box_list_main simple_list_text twb rdstr">配送方法</div>
						<span class="arrow"></span>
					</div>
				</a>
			</li>
			<li class="simple_list_item">
				<a class="simple_list_link" href="{{ 'common/return-policy'|page }}">
					<div class="box_list">
						<div class="box_list_main simple_list_text twb rdstr">交換/返品ポリシー</div>
						<span class="arrow"></span>
					</div>
				</a>
			</li>
		</ul>
	</nav>
</div>
<!-- end contents -->